<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                /*list-style:none;*/
            }
            .top{
                height: 500px;
                margin-bottom: 50px;
                background: url('IMAGES/tu1.jpg') repeat-x;
            }
            .con{
                height: 378px;
                width: 969px;
                margin: 0px auto 50px;
                border-bottom: 1px solid rgb(187, 181, 181);
            
                
            }
            .bot{
                height: 50px;
                margin:0px auto;
                background: white;
            }
            .top h1{
                float: left;
            }
            .top ul.A1{
                float: right;
                list-style:none;
            }
            .top img{
               
                height: 44px;
                margin: 12px auto; 
            }
            .top li.b2{
                float: left;
                margin-right: 18px;

                margin-top: 10px;
                padding: 12px;
            }
            a.a2{
                color: aliceblue;
                font-size: 22px;
                text-decoration: none;
            }
            .top li.b2:hover{
                background-color: rgb(197, 196, 199);
                cursor: pointer;
            }
           .bot{
               float: left;
           }
          p.a1{
              
              margin-top: 10px;
              }
        a.a3{
                color: rgb(21, 129, 39);
                text-decoration: none;
                
            }
            .left img{
                float: left;
            }
            .left ul.b5{
                float: right;
                color: rgb(21, 129, 39);
            }
            .left p.b4{
                float: left;
                margin-right: 42px;
            }
            .left a.b8{
                text-decoration: none;
                color: rgb(21, 129, 39);
            }
          .bot a.b7{
              text-decoration: none;
              color: rgb(148, 148, 151);
          }
     
      
        
      
         
    
          

        
        
        
        
        </style>
    </head>
    <body>
        <div class="top">
                <h1><a href=""><img src="images/logo.png" alt=""></a></h1>
                <ul class="A1">
                 <li class="b2"><a class="a2" href="">首页</a></li>
                 <li class="b2"><a class="a2" href="">帮助与反馈</a></li>
                 <li class="b2"><a class="a2" href="">公众平台</a></li>
                 <li class="b2"><a class="a2"href="">开放平台</a></li>
                 <li class="b2"><a class="a2" href="">微信支付</a></li>
                 <li class="b2"><a class="a2" href="">微信广告</a></li>
                 <li class="b2"><a class="a2" href="">企业微信</a></li>
                 <li class="b2"><a class="a2" href="">表情开放平台</a></li>
                 <li class="b2"><a class="a2" href="">微信网页版</a></li>
                 
        <div class="bot2">
        <p style="margin-top: 130px;font-size: 30px;">微信，是一个生活方式</p>
        <p class="a1">超过十亿人使用的手机应用</p>
        <p class="a1">支持发送语音短信、视频、图片和文字</p>
        <p class="a1">可以群聊，仅耗少量流量，适合大部分智能手机</p>
        <a href=""><img src="images/tu2.png" alt=""></a>
        <img src="images/com.png" alt="" style="float: right;width: 480px;height: 290px;margin-top: -150px;margin-right: 270px;">
        <ul class="A2">
            <li class="b3"><a class="a3" href="">忘记了微信账号或密码?</li>
            <li class="b3"><a class="a3" href="">自助解除登录或功能限制</a></li>
            <li class="b3"><a class="a3" href="">冻结或解冻微信账号</a></li>
            </ul>
        </div>
    </div>

        <div class="con">
            <div class="left"><img src="images/tu4.png" alt="">
                <p style="float: left;"><b>最新消息</b></p>
                <ul class="b5">
                    <li>微信 8.0.2 for Android 正式版发布(New)</li>
                    <li>微信 3.2.1 for Windows 正式版发布 (New)</li>
                    <li>微信 8.0.2 for iOS 正式版发布(New)</li>
                    <li>微信 2.6.1 for Mac 正式版发布 (New)</li>
                    <li>关于部分 iOS 9 用户无法更新微信(New)</li>
                    <li>微信外部链接内容管理规范</li>
                    <li>微信网页版 2.1 版本发布</li>
                    <li>微信表情开放平台上线</li>
                    <a href="" style="text-decoration: none;color: black;"><img src="images/tu5.png" alt=""><b>联系我们</b></a>
                </ul>
                <p class="b4"><b>微信网页版</b><br>扫一扫二维码<br>就能在浏览器上使用微信<br><a class="b8" href="">了解更多</a></p><br>
                <p class="b4"><b>微信 Mac 版</b><br>极致简洁，迅捷沟通<br><a class="b8" href="">了解更多</a></p><br>
                <p class="b4" style="margin-left: 37px;"><b>微信 Windows 版</b><br>让沟通更方便<br><a class="b8" href="">了解更多</a></p>

            </div>
        </div>
        <div class="bot">
            <a class="b7" href="" style="margin-top: 0px;margin-left: 250px;">关于腾讯 | 服务条款 | 使用规范 | 客服中心 | 隐私保护指引</a>
            <a class="b7" href="" style="margin-left: 350px;">简体中文 |  繁體中文 |  English</a>
        </div>
    </body>
</html>



